@import './border.less';
@green: #02a774;
@yellow: #F5A100;
@bc: #e4e4e4;

/* 一像素下边框 */
.bottom-border-1px(@c) {
  .border-1px(B, @c)
}

.top-border-1px(@c) {
  .border-1px(T, @c)
}

.border-width-1px(@c) {
  border: 1px solid @c;
}

// 根据像素比缩放 1px 像素边框（设置相同的类，不同的缩放）
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .border-width-1px {
    &::before {
      // 像素比为 2 ，则缩放 0.5
      transform: scaleY(.5);
    }
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  .border-width-1px {
    &::before {
      // 像素比为 3 ，则缩放 1/3
      transform: scaleY(.33333);
    }
  }
}

// 根据像素比来使用 2x 图 3x 图
.bg-image(@url) {
  background-image: url('@{url}@2x.png');
  @media (-webkit-min-device-pixel-ratio: 3) and (min-device-pixel-ratio: 3) {
    background-image: url('@{url}@3x.png');
  }
}

.clearFix() {
  *zoom: 1;
  &::before,
  &::after {
    content: '';
    display: block;
    clear: both;
  }
}

li,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}